<%-- 
    Document   : PessoasPesquisa
    Created on : 21/10/2009, 05:38:16
    Author     : BernardoFS
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Arghhh !</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="styleAlbum.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
        <div id="topo">
            <form method="post" action="/ArghhhWeb/ir_para">
                <div id="login" class="login">
                    Login: <input id="login-text" type="text" name="login" size="14" />Senha: <input id="login-text" type="password" name="password" size="14" />
                </div>
                <div id="botoeslogin">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input  type="button" name="botao" value="Entrar" /><br/>
                    <a href="#">Esqueceu sua senha?</a><br/>
                    <a href="Cadastro.html">Cadastre-se Agora</a>
                </div>
            </form>
            <div id="loginb" class="login">
                <form action="" method="post">
                    Buscar:<input  type="text" id="busca-text" name="Cbuscar" size="40" maxlength="128" />
                    &nbsp;&nbsp;
                    <select id="campos">
                        <option value="tudo">Todos</option>
                        <option value="usuario">Usuário</option>
                        <option value="banda">Banda </option>
                        <option value="ntegrante">Integrante</option>
                    </select>
                    &nbsp;&nbsp;
                    <input type="button" name="enviar" value="Procurar"/>
                </form>
            </div>
        </div>
        <!-- Fim do Cabeçalho -->
        <div id="menu">
            <ul>
                <li>&nbsp;&nbsp;&nbsp;</li><li><a href="index.html">Home</a></li>
                <li><a href="Bandas.html">Bandas</a></li>
                <li class="current_page_item"><a href="Pessoas.html">Pessoas</a></li>
                <li><a href="Ranking.html">Ranking</a></li>
                <li><a href="Links.html">Links</a></li>
                <li><a href="Contato.html">Contato</a></li>
            </ul>
        </div>
        <!-- end #menu -->
        <div id="page">
            <div id="content">
                <div class="post">
                    <h1 class="title">Pesquisa de Pessoas</h1>
                    <p class="meta">&bull; &nbsp;Usu&aacute;rios J&aacute; Cadastrados. &bull; </p>
                    <div class="entry">
                        <form action="" method="post">
                            Buscar:<input  type="text" id="busca-text" name="Cbuscar" size="40" maxlength="128" />
                            &nbsp;&nbsp;
                            <select id="campos">
                                <option value="tudo">Todos</option>
                                <option value="usuario">Usuário</option>
                                <option value="ntegrante">Integrante</option>
                            </select>
                            &nbsp;&nbsp;
                            <input type="button" name="enviar" value="Procurar"/>
                        </form>
                    </div>
                </div>


                <table style="width: 100%;">
                    <caption>Amigos</caption>
                    <thead>
                        <th colspan="3">
                            <select id="campos" style="float:right;margin-right:21px;" >
                                <option value="9">9 por amostra</option>
                                <option value="15">15 por amostra</option>
                                <option value="30">30 por amostra</option>

                            </select>
                        </th>
                    </thead>
                    <tbody style="text-align: center;">
                        <tr>
                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>

                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>

                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>

                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>

                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>

                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>

                            <td>
                                <img src="images/foto_usuario_peq.jpg" /> <br />
                                Nome
                            </td>
                        </tr>
                    </tbody>
                </table>
                <a href="#" style="float:left">Anterior</a>
                <a href="#" style="float:right">Próxima</a><br/>
            </div>
        </div>
        <!-- end #content -->
        <div style="clear: both;">&nbsp;</div>
        <!-- end #page -->
        <div id="footer">
            <p>Copyright (c) 2009 Projeto de Desenvolvimento de Sistema Web, Grupo 6</p>
        </div>
        <!-- end #footer -->
    </body>
</html>
